
<!DOCTYPE html>
<html>
	<head>
        <meta charset='UTF-8'>
        <title>Login</title>
        <link type='text/css' href='css/home.css' rel='stylesheet'>
 	<link type='text/css' href='css/login.css' rel='stylesheet'>
      	<script type='text/javascript' src='js/jquery-2.1.3.js'></script>
        <script type='text/javascript' src='js/login.js'></script>
    </head>
    <body>
       <div id='container'>
			<header>
				<div class='logo'>
					<h1 class='eightbit'>The Demise of Balor</h1>
					<h3 class='eightbit'>All evil shall perish</h3>
				</div>
			</header>
			
			<div id='content'>
			
				<div class='menu_holder'>
					<ul class='menu eightbit'>
						<li><a href='home.html'>home</a></li>
						<li><a href='play.html'>play</a></li>
						<li><a href='how_to_play.html'>how to play</a></li>
						<li><a href='highscores.html'>high scores</a></li>
						<li><a class='active' href='login.html'>profile</a></li>
					</ul>

				</div>
				<div class='articles'>
					<h2 class="eightbit">Log in</h2><hr>

					<!--<h2 id='header'> Login </h2>-->
					<div id='logcontainer' class='form_holder'>
						<div class="errors"></div>
						<form>
							<input id="username" type='text' placeholder='nickname'><br>
							<input id="password" type='password' placeholder='password'><br>
							<input id="login-button" type='submit' class='logbutton' value='Login'>	<br>
							<input id="register-button" type='submit' class='logbutton' value='Register'>	<br>
						</form>		
					</div>
				</div>	
			</div>
			
			<footer>
				<div class='links'>
					<p>Click on a link and see what happens</p>
					<a href='http://en.wikipedia.org/wiki/Role-playing_video_game'>Resourse 1</a> | 
					<a href='http://opengameart.org/content/lpc-medieval-fantasy-character-sprites'>Resourse 2</a> | 
					<a href='http://www.lostgarden.com/2006/07/more-free-game-graphics.html'>Resourse 3</a>
				</div>
			</footer>
	   </div>
    </body>
</html>


